<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false" %>
<%@ include file="/views/common/resources.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="/auth-tags" prefix="auth" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html style="height:100%">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>车辆信息</title>
<link href="<%=basePath%>resources/js/common/plugin/select2/css/select2.min.css" rel="stylesheet" />
<script src="<%=basePath%>resources/js/common/plugin/select2/js/select2.min.js"></script>
<script src="<%=basePath%>resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>
<script src="<%=basePath%>resources/js/common/plugin/easyui/jquery.easyui.min.js"></script>
<script src="<%=basePath%>resources/js/common/plugin/easyui/locale/easyui-lang-zh_CN.js"></script>
<link href="<%=basePath%>resources/js/common/plugin/easyui/themes/default/easyui.css" rel="stylesheet"/>
<link   href="${basePath}resources/js/common/plugin/zTree/zTreeStyle.min.css" rel="stylesheet"> 
<script src="${basePath}resources/js/common/plugin/zTree/jquery.ztree.all-3.5.js"></script>
<script src="<%=basePath%>resources/js/common/unitTreeQuery.js"></script>
<script src="<%=basePath %>resources/js/common/util/common.js"></script>
<script src="<%=basePath %>resources/js/common/plugin/upload/ajaxfileupload.js"></script>

<script type="text/javascript">
	var appCtx="<%=basePath%>";
	$.fn.combobox.defaults.filter = function(q, row){  
	    var opts = $(this).combobox('options');  
	    return row[opts.textField].indexOf(q) >= 0;  
	}  ;
</script>
<style type="text/css">
.OpeartLi-vehicle{
    margin-left: 10px;
    margin-right: 10px;
    padding: 3px 0;
}
#queryEnterprise{
	width:152px;
}
#queryVehicelNo{
	width:152px;
}
#queryTransportNum{
	width:152px;
}
.userQuery ul li{
	margin-right:15px;
}
.userQuery .ulli li{
	margin-bottom:20px;
}
#queryVehicelNo{
	line-height:24px;
}
#queryVehicelNo::-webkit-input-placeholder {
     color: #444;
}       
#queryVehicelNo:focus::-webkit-input-placeholder {
	color: #444;
}      
#queryVehicelNo:-moz-placeholder {
     color: #444;
}     
#queryVehicelNo:focus:-moz-placeholder {
     color: #444;
}        
#queryVehicelNo::-moz-placeholder {
     color:#444;
}       
#queryVehicelNo:focus::-moz-placeholder {
     color: #444;
}       
#queryVehicelNo:-ms-input-placeholder {
     color: #444;
}        
#queryVehicelNo:focus:-ms-input-placeholder {
     color: #444;
}
</style>
</head>

<body class="userPage" style="height:100%;">
	<div class="page">
		<div class="main clearfix">
			<div class="querys fl">
				<div class="userQuery clearfix pr" style='margin-bottom:0'>
					<div>
						<ul class="clearfix fl " style="margin-right:15px">
							<li class="fl clearfix mt20 pr" style='margin-left:1px'><input class="userInput fl" type="text" id="queryVehicelNo" placeholder="请输入车牌号码"><span class=' pa'></span></li>
							<li class="fl clearfix mt20" style='margin-left:1px'><input class="userInput fl" type="text" id="queryArea"></li>
							<li class="fl clearfix mt20" style='margin-left:1px'><input class="userInput fl" type="text" id="queryPlatform"></li>
							<li class="fl clearfix mt20" style='margin-left:1px'><input class="userInput fl" type="text" id="queryTrade"></li>
							<li class="fl clearfix mt20" style='margin-left:1px'>
								<select class="userInput" id="queryEnterprise" ><option value=''>所属业户</option></select>
							</li>
							<li class="fl clearfix mt20" style='margin-left:1px;display:none;'><input class="userInput fl" type="text" id="queryTerminal"></li>
						</ul>
						<a class="userBtn mt20" href="javascript:;" id="queryBtn">查询</a>
						
					</div>
						
				</div>
				<div class="userResult">
					 <div class="userOpeart">
						<ul class="clearfix">
						<auth:authorize operation="reportSetCenter,vehicleSpeedService,add">
							<li class="userAdd OpeartLi-vehicle fl">
								<a class="db clearfix OpeartA" id="addVehicleBtn" name="addVehicleBtn" href="javascript:;">
									<span class="add-icon db fl OpeartIcon"></span>
									<div class="add-text OpeartText fl" >增加</div>
								</a>
							</li>
						</auth:authorize>
						<auth:authorize operation="reportSetCenter,vehicleSpeedService,update">
							<li class="userAdd OpeartLi-vehicle fl">
								<a class="db clearfix OpeartA" href="javascript:;" id="updateVehicleBtn" name="updateVehicleBtn">
									<span class="update-icon db fl OpeartIcon"></span>
									<div class="add-text OpeartText fl">修改</div>
								</a>
							</li>
						</auth:authorize>
						<auth:authorize operation="reportSetCenter,vehicleSpeedService,delete">
							<li class="userAdd OpeartLi-vehicle fl">
								<a class="db clearfix OpeartA" href="javascript:;" id="delVehicleBtn" name="delVehicleBtn">
									<span class="remove-icon db fl OpeartIcon"></span>
									<div class="add-text OpeartText fl">删除</div>
								</a>
							</li>
						</auth:authorize>
						<auth:authorize operation="reportSetCenter,vehicleSpeedService,cancel">
							<li class="userAdd OpeartLi-vehicle fl">
								<a class="db clearfix OpeartA" href="javascript:;" id="cancelVehicleBtn" name="cancelVehicleBtn">
									<span class="remove-icon db fl OpeartIcon"></span>
									<div class="add-text OpeartText fl">注销</div>
								</a>
							</li>
						</auth:authorize>
						<auth:authorize operation="reportSetCenter,vehicleSpeedService,detail">
							<li class="userAdd OpeartLi-vehicle fl">
								<a class="db clearfix OpeartA" href="javascript:;" id="viewDetails" name="viewDetails">
									<span class="export-icon db fl OpeartIcon"></span>
									<div class="add-text OpeartText fl">详情</div>
								</a>
							</li>
						</auth:authorize>
						<auth:authorize operation="reportSetCenter,vehicleSpeedService,export">
							<li class="userAdd OpeartLi-vehicle fl">
								<a class="db clearfix OpeartA" href="javascript:;" id="exportVehicleBtn" name="exportVehicleBtn">
									<span class="export-icon db fl OpeartIcon"></span>
									<div class="add-text OpeartText fl">导出</div>
								</a>
							</li>
						</auth:authorize>
						<auth:authorize operation="reportSetCenter,vehicleSpeedService,import">
							<li class="userAdd OpeartLi-vehicle fl">
								<a class="db clearfix OpeartA" href="javascript:;" id="importVehicleBtn" name="importVehicleBtn">
									<span class="export-icon db fl OpeartIcon"></span>
									<div class="add-text OpeartText fl">导入</div>
								</a>
							</li>
						</auth:authorize>
						<auth:authorize operation="reportSetCenter,vehicleSpeedService,sync">
							<li class="userAdd OpeartLi-vehicle fl">
								<a class="db clearfix OpeartA" href="javascript:;" id="synVehicleBtn" name="synVehicleBtn">
									<span class="export-icon db fl OpeartIcon"></span>
									<div class="add-text OpeartText fl">同步运政数据</div>
								</a>
							</li>
						</auth:authorize>
						
						</ul>
					</div> 
					<div class="queryTable">
						<table id="tbVehicles"></table>
					</div>
				</div>
			</div>
			
		</div>
	</div>
	<div id="importModal" class="modal hide fade" style="width:400px;left: 50%;top: 50%;margin-top:-103px;margin-left:-200px;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
	<div class="modal-header">
    	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    	<h5 id="importModalLabel">导入车辆信息</h5>
	</div>
	<div class="modal-body" style="overflow: auto">
		<form id="uploadForm">
			<a id="download" class="download" href="">
      		<i class="tDownload" style="float:left;"></i><span style="color: blue;">下载车辆信息模板</span></a><br>
			<input type="file" name="uploadVehicle" id="uploadVehicle" style="width: 160px;    margin-left: 20px;
    margin-top: 10px;"><br>
		</form>
	</div>
	<a><span style="color: blue;"></span></a>
	<div class="modal-footer">
		<button class="btn " data-dismiss="modal" aria-hidden="true">关闭</button>
		<button class="btn btn-ecColor" name="confirmImport" id="confirmImport" data-dismiss="modal" aria-hidden="true">导入</button>
	</div>
	</div>
	<div id="velidateModal" class="modal  hide fade" tabindex="-1"
	style="width: 560px; left: 50%;top: 50%;margin-top: -103px;margin-left: -280px;z-index: 9999;" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal"
			aria-hidden="true">×</button>
		<h4 id="myModalLabel">提示</h4>
	</div>
	<div class="modal-body" id="contentText">
		
	</div>
	<div class="modal-footer">
		<button class="btn btn-ecColor" data-dismiss="modal" id="canDelBth"
			aria-hidden="true">关闭</button>

	</div>
</div>
	<script src="<%=basePath%>resources/js/common/main/global.js"></script>
	<script src="<%=basePath%>resources/js/common/main/nav.js"></script>
	<script src="<%=basePath%>resources/js/business/base/vehicle/vehicleManager.js"></script>

</body>
</html>